<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>无标题文档</title>
	
	<script src="../../common/js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript">
		$(function(){
			
	
	        //点击文本框时，文字消失；离开文本框时输入信息改回请输入邮箱地址
			$("#address").focus(function(){
				var txt_value = $(this).val();
				if(txt_value == "请输入账号"){
					$(this).val("");
				}
			})
			$("#address").blur(function(){
				var txt_value = $(this).val();
					if(txt_value==""){
						$(this).val("请输入账号");
					}
				})
				$("#password").focus(function(){
					var txt_value = $(this).val();
					if(txt_value == "请输入密码"){
						$(this).val("");
					}
				})
				$("#password").blur(function(){
					var txt_value = $(this).val();
						if(txt_value==""){
							$(this).val("请输入密码");
						}
					})
			
	})
	</script>
	</head>
	<body>
		<input type="text" id="address"   value="请输入账号"/>
		<input type="text"  id="password" value="请输入密码" />	
		<input id="btn" type="button" value="登录" />
	</body>
</html>
